<section class="Hui-article-box">
    <nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页
        <span class="c-gray en">&gt;</span>
        点赞管理
        <span class="c-gray en">&gt;</span>
        点赞列表 <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a> </nav>
    <div class="Hui-article">
        <article class="cl pd-20">

            <div class="cl pd-5 bg-1 bk-gray mt-20">
               <span class="l">
               </span>
                <span class="r">共有数据：<strong>54</strong> 条</span>
            </div>
            <table class="table table-border table-bordered table-bg table-sort">
                <thead>
                <tr class="text-c">
                    <th width="40">ID</th>
                    <th width="90">用户名</th>
                    <th width="150">用户头像</th>
                    <th width="90">商品名称</th>
                    <th width="90">商品图片</th>
                    <th width="90">时间</th>
                </tr>
                </thead>

                <tbody>
                {if $data != ''}
                {foreach $data as $v}
                <tr class="text-c">
                <td>{$b++}</td>
                <td>{$v.user_name}</td>
                <td><img src="{$v['user_pic']}" width="100" height=50" /></td>
                <td>{$v.goods_name}</td>
                <td><img src="{$v['goods_pic']}" width="100" height=50" /></td>
                <td>{$v.create_time}</td>
                </tr>
                {/foreach}
                {else}
                <tr class="text-c" id="empty">
                <td colspan="9">暂无数据</td>
                </tr>
                {/if}
                </tbody>

            </table>
        </article>
    </div>
</section>



<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="/static/admin/lib/My97DatePicker/4.8/WdatePicker.js"></script>
<script type="text/javascript" src="/static/admin/lib/datatables/1.10.0/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="/static/admin/lib/laypage/1.2/laypage.js"></script>
<script type="text/javascript">
    //分页
    if($("#empty").length > 0) {

    }else{
        $('.table-sort').dataTable({
            "aaSorting": [[ 0, "asc" ]],//默认第几个排序
            "bStateSave": true,//状态保存
            "aoColumnDefs": [
                //{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
                {"orderable":false,"aTargets":[0,2,3,4]}// 不参与排序的列
            ]
        });
    }


    /*
     参数解释：
     title	标题
     url		请求的url
     id		需要操作的数据id
     w		弹出层宽度（缺省调默认值）
     h		弹出层高度（缺省调默认值）
     */
    /*品牌-增加*/
    function brand_add(title,url,w,h){
        $.get(url,{},function (data) {
            if(data.code==0){
                layer.msg(data.msg, {icon: 2, time: 1000});
            }else{
                layer_show(title,url,w,h);
            }
        })
    }
    /*品牌-删除*/
    function brand_del(obj,id){
        layer.confirm('确认要删除吗？',function(index){
            //此处请求后台程序，下方是成功后的前台处理……
            $.ajax({
                'type': 'post',//请求的方式
                'data': {'id': id},//附加参数
                'async': true,//异步操作
                'url': "delete",//服务器端页面
                'dataType':"json",//响应数据类型
                //接受响应数据的匿名函数
                success:
                    function (data) {
                        if(data.status == 1){
                            $(obj).parents("tr").remove();
                            layer.msg(data.msg, {icon: 1, time: 1000});
                        }else{
                            layer.msg(data.msg, {icon: 2, time: 1000});
                        }
                    },
                error:
                    function (data) {
                        layer.msg(data.msg, {icon: 2, time: 1000});
                    }
            });
        })
    }
    /*品牌-编辑*/
    function brand_edit(title,url,w,h){
        $.get(url,{},function (data) {
            if(data.code==0){
                layer.msg(data.msg, {icon: 2, time: 1000});
            }else{
                layer_show(title,url,w,h);
            }
        })
    }

    /*品牌-停用*/
    function brand_stop(obj,id) {
        layer.confirm('确认要停用吗？', function (index) {
            //请求控制器进行状态的变更
            $.ajax({
                'type': 'post',//请求的方式
                'data': {'id': id},//附加参数
                'async': true,//异步操作
                'url': "stop",//服务器端页面
//            'dataType':"json",//响应数据类型
                //接受响应数据的匿名函数
                success: function (data) {
                    if(data.status==0){
                        $(obj).parents("tr").find(".td-manage").prepend('<a onClick="brand_start(this,'+data.id+')" href="javascript:;" title="启用" style="text-decoration:none"><i class="Hui-iconfont">&#xe615;</i></a>');
                        $(obj).parents("tr").find(".td-status").html('<span class="label label-default radius">已禁用</span>');
                        $(obj).remove();
                        layer.msg(data.msg, {icon: 5, time: 1000});
                    }else{
                        layer.msg(data.msg, {icon: 5, time: 1000});
                    }

                },
                //Ajax 发送失败
                error: function () {
                }
            })
            //此处请求后台程序，下方是成功后的前台处理……
        });
    }

    /*品牌-启用*/
    function brand_start(obj,id){
        layer.confirm('确认要启用吗？',function(index){
            //此处请求后台程序，下方是成功后的前台处理……
            $.ajax({
                'type':'post',//请求的方式
                'data':{'id':id},//附加参数
                'async':true,//异步操作
                'url':"start",//服务器端页面
//            'dataType':"json",//响应数据类型
                //接受响应数据的匿名函数
                success:
                    function (data) {
                        if(data.status==0){
                            $(obj).parents("tr").find(".td-manage").prepend('<a onClick="brand_stop(this,'+data.id+')" href="javascript:;" title="停用" style="text-decoration:none"><i class="Hui-iconfont">&#xe631;</i></a>');
                            $(obj).parents("tr").find(".td-status").html('<span class="label label-success radius">已启用</span>');
                            $(obj).remove();
                            layer.msg(data.msg, {icon: 6,time:1000});
                        }else{
                            layer.msg(data.msg, {icon: 6,time:1000});
                        }
                    },
                //Ajax 发送失败
                error:
                    function(data){
                        layer.msg(data.msg, {icon: 5,time:1000});
                    }
            });

        });
    }

    //品牌批量删除
    function  brand_datadel(){
        var checkedNum = $("input[name='checkid']:checked").length;
        if(checkedNum == 0) {
            layer.msg("请选择至少一项！");
            return;
        }
        layer.confirm('确认要删除这些品牌吗？',function(index){
            var checkedList = new Array();
            $("input[name='checkid']:checked").each(function() {
                checkedList.push($(this).val());
            });
            //找到选中的选项
            var check = $("input[name='checkid']:checked");
            $.ajax({
                'type': 'post',//请求的方式
                'data': {'ids':checkedList.toString()},//附加参数
                'async': true,//异步操作
                'url': "{:url('Brand/datadel')}",//服务器端页面
                'dataType':"json",//响应数据类型
                //接受响应数据的匿名函数
                success:
                    function (data) {
                        if(data.status == 1){
                            check.parents("tr").remove();
                            layer.msg(data.msg, {icon: 1, time: 1000});
                        }else{
                            layer.msg(data.msg, {icon: 2, time: 1000});
                            location.reload(); //刷新父页面
                        }
                    },
                error:
                    function (data) {
                        layer.msg(data.msg, {icon: 2, time: 1000});
                    }
            });
        })
    }
</script>
<!--/请在上方写此页面业务相关的脚本-->